.tn-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tn-text-color-normal {
  color: $normalTextColor;
}

.tn-text-color-weak {
  color: $normalWeakTextColor;
}

.tn-text-color-title {
  color: $normalTitleTextColor;
}

.tn-text-color-subtitle {
  color: $normalSubtitleTextColor;
}

.tn-text-title {
  font-size: 1em;
  color: $normalTitleTextColor;
}

.tn-text-subtitle {
  font-size: 0.9em;
  color: $normalSubtitleTextColor;
}

.tn-text-weak {
  font-size: 0.8em;
  color: $normalWeakTextColor;
}

.tn-text-body {
  font-size: 0.9em;
  color: $normalTextColor;
}

.tn-text-color-primary {
  color: var(--tn-primary-color);
}

.tn-text-color-success {
  color: var(--tn-success-color);
}

.tn-text-color-danger {
  color: var(--tn-danger-color);
}

.tn-text-color-warning {
  color: var(--tn-warning-color);
}

.tn-text-color-highlight {
  color: $normalHighlightTextColor;
}
